<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="车位资料" name="chewei">
      <carport-form :currentNode="currentNode"/>


    </el-tab-pane>
    <el-tab-pane label="业主资料" name="yezhu">
      <custom-info-from :currentNode="currentNode"/>
    </el-tab-pane>
    <el-tab-pane label="租户资料" name="zuhu">租户资料</el-tab-pane>
    <el-tab-pane label="车辆资料" name="cheliang">
      <vehicle-from :currentNode="currentNode"/>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
  import CarportForm from "./form";
  import  vehicleFrom  from "../vehicleFrom/form"
  import  customInfoFrom from "../vehicleFrom/customInfoFrom"
  export default {
    components:{ CarportForm,vehicleFrom,customInfoFrom },
    data() {
      return {
        activeName: 'chewei'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    },
    props: {
      currentNode: {
        type: Object,
        default:()=>{}
      },
    }
  };
</script>
